import React, { Component } from "react";

class Formone extends Component {
	//创建ref容器
	username = React.createRef();
	pwd = React.createRef();

	//  非受控组件  :   获取的表单数据 不被state管理
	//  受控组件    :   获取的表单数据 被 state 管理

	//  创建登录 方法
	login = () => {
		let username = this.username.current.value;
		let pwd = this.pwd.current.value;
		alert(`账号是${username},密码是${pwd}`);
	};
	render() {
		return (
            <>
                <h2>非受控组件</h2>
				<input type="text" ref={this.username} placeholder="账号" />
				<br />
				<br />
				<input type="text" ref={this.pwd} placeholder="密码" />
				<br />
				<br />
				<button onClick={this.login}>登陆</button>
			</>
		);
	}
}

export default Formone;
